<head>
<%@page session="false" %>
  <meta charset="UTF-8">



  <title>Login Form - CodePen</title>

    <link rel="stylesheet" href="css/login.css" media="screen" type="text/css" />

</head>

<body>

<!-- code to disable back button functions..<script></script> -->
<%!String backbutton;%>
<%backbutton=(String)request.getAttribute("backbutton");
if(backbutton!=null){%>
<script>
window.location.hash="no-back-button";
window.location.hash="Again-No-back-button";//again because google chrome don't insert first hash into history
window.onhashchange=function(){window.location.hash="no-back-button";}
</script><%}%>

  <a href="index.jsp" class="button" id="toggle-login">Home</a>

<div id="login">
  <div id="triangle"></div>
  <h1>${loginUser}</h1>
  <form action='${action}' method="post">
    <input type="text" name="email" placeholder="Email *" class="login"/>
    <input type="password" name="pwd" placeholder="Password *" class="login"/>
    <input type="submit" value="Log in" /><br>
    <font color="red">
    <i>
    ${logout}
    ${error}</i>
    </font>
    
  </form>
</div>

  <script src='http://codepen.io/assets/libs/fullpage/jquery.js'></script>

  <script src="js/login.js"></script>

</body>

</html>